<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>策略市场</title>
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
  <meta name="format-detection" content="telephone=no">
  <meta name="format-detection" content="email=no">
  <link rel="stylesheet" href="css/frozen.css">
  <link rel="stylesheet" href="css/style.css">

  <script src="lib/zepto.min.js"></script>
  <script src="lib/iscroll.min.js"></script>
</head>
<body>
<!-- ----------------------------------
  策略优化
----------------------------------- -->
<div class="J_testmark" style="position: fixed; top: 50%; left: 50%; z-index: 99; font-size: 60px;">1</div>

<section class="cc-container">
  <header class="ui-header bg-graywhite">
    <nav class="ui-row-flex ui-border-b">
      <div class="ui-col ui-border-r"><a class="cc-navlink" href="cl_market.html">策略市场</a></div>
      <div class="ui-col ui-border-r"><a class="cc-navlink" href="cl_configuration.html">策略配置</a></div>
      <div class="ui-col ui-border-r"><a class="cc-navlink active" href="cl_optimization.html">策略优化</a></div>
      <div class="ui-col"><a class="cc-navlink" href="cl_mine.html">我的策略</a></div>
    </nav>
  </header>
  <footer class="ui-footer ui-footer-stable ui-border-t">
    <ul class="ui-tiled cc-footer">
      <li class="active"><a href="javascript:"><span class="com-icon"></span><i>量化积木</i></a></li>
      <li><a href="javascript:"><span class="com-icon"></span><i>其他</i></a></li>
      <li><a href="javascript:"><span class="com-icon"></span><i>其他</i></a></li>
    </ul>
  </footer>

  <article class="cc-content" id="wrapper">
    <div class="J_scroll cc-a-con bg-white">
      <h4 class="ui-nowrap de-tit"><span class="pull-right">股票代码：12356451</span>策略名称：爱圣诞节看风景爱上</h4>

      <div class="de-char mb">
        <h4>回测业绩图</h4>
        <div id="echar" style="width: 105%; height: 230px"></div>
      </div>

      <div class="de-table">
        <h4>策略统计</h4>
        <table class="ui-table ui-border">
          <tr>
            <th>Hdsdasa</th>
            <th>Hdsdasa</th>
            <th>Hdsdasa</th>
            <th>Hdsdasa</th>
          </tr>
          <tr>
            <td>-7.5%</td>
            <td>15.5%</td>
            <td>3.5%</td>
            <td>-2.5%</td>
          </tr>
          <tr>
            <th>Hdsdasa</th>
            <th>Hdsdasa</th>
            <th>Hdsdasa</th>
            <th>Hdsdasa</th>
          </tr>
          <tr>
            <td>-7.5%</td>
            <td>15.5%</td>
            <td>3.5%</td>
            <td>-2.5%</td>
          </tr>
        </table>
      </div>

      <div class="de-intro">
        <h4>策略简介</h4>
        <div class="ui-border-radius cc-textarea">
          <textarea placeholder="请输入策略简介，140以内" rows="2"></textarea>
        </div>
      </div>

      <div class="de-intro">
        <h4>风控参数</h4>

        <div class="ui-form ui-border-t">
          <div class="ui-form-item ui-form-item-checkbox ui-border-b J_check">
            <label class="ui-checkbox">
              <input type="checkbox">
            </label>
            <p>止损门限</p>
            <div class="opt-count">
              <span class="J_num">10%</span>
              <button type="button" class="J_add add ui-border-radius"></button>
              <button type="button" class="J_sub sub ui-border-radius"></button>
            </div>
          </div>

          <div class="ui-form-item ui-form-item-checkbox ui-border-b J_check active">
            <label class="ui-checkbox">
              <input type="checkbox" checked>
            </label>
            <p>止盈门限</p>
            <div class="opt-count">
              <span class="J_num">10%</span>
              <button type="button" class="J_add add ui-border-radius"></button>
              <button type="button" class="J_sub sub ui-border-radius"></button>
            </div>
          </div>
        </div>
      </div>

      <div class="occ"></div>

    </div>
  </article>
</section>

<footer class="opt-btn-group">
  <a href="javascript:" id="test">测试</a>
  <a href="javascript:" id="use">应用</a>
</footer>

<script src="lib/echarts.min.js"></script>
<script src="lib/layer.js"></script>
<script src="js/frozen.js"></script>
<script src="js/main.js"></script>
<script>
$(function () {
  cc.pro.optimization({
    // 图表数据
    time:['6月','','','','','','','','','','','','','',''],
    data:[50,80,-20,15,60,70,80,150,50,60,20,-30,-50,15,80]
  });
});
</script>
</body>
</html>
